import { createWebHashHistory, createRouter } from "vue-router"
import Home from "./views/Home.vue"
import Doc from "./views/Doc.vue"
import SwitchDemo from "./components/SwitchDemo.vue"
import ButtonDemo from "./components/ButtonDemo.vue"
import DialogDemo from "./components/DialogDemo.vue"
import TabsDemo from "./components/TabsDemo.vue"
import DocDemo from "./components/DocDemo.vue"
import TextInputDemo from "./components/TextInputDemo.vue"
import TabArrayDemo from "./components/TabArrayDemo.vue"
import AlertDemo from "./components/AlertDemo.vue"
import GetStarted from './components/GetStarted.vue'
import Intro from './components/Intro.vue'


const history = createWebHashHistory();
export const router = createRouter({
    history: history,
    routes: [
        { path: '/', component: Home },
        {
            path: '/doc', component: Doc, children: [
                { path: '', component: Intro },
                { path: 'switch', component: SwitchDemo },
                { path: 'button', component: ButtonDemo },
                { path: 'dialog', component: DialogDemo },
                { path: 'tabs', component: TabsDemo },
                { path: 'tabArray', component: TabArrayDemo },
                { path: 'textInput', component: TextInputDemo },
                { path: 'alert', component: AlertDemo },
                { path: 'intro', component: Intro },
                { path: 'get-started', component: GetStarted },
            ]
        }
    ]
})
